<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">

		<style>
			input,
			button,
			.mui-btn {
				margin-top: 10px;
				margin-left: 10px;
			}
			
			table {
				border: 1px solid grey;
				text-align: center;
				width: 100%;
			}
			
			td {
				padding-top: 5px;
				padding-bottom: 5px;
				border-top: solid 1px grey;
			}
			
			tr {
				border-left: none;
				border-right: none;
				color: #000000;
				font-size: 14px;
			}
			
			.col-1 {
				width: 180px;
				/*				color: #179efa;	
*/
				border-right: 1px solid grey;
				border-left: 1px solid grey;
				font-size: 14px;
				font-weight: 600;
			}
			
			.col-2 {
				width: 300px;
				font-size: 13px;
				text-align: left;
				background-color: #fbfcfd;
				padding-left: 10px;
			}
			
			.row-odd {
				/*				background-color: #fbfcfd;
*/
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="headtitle" class="mui-title">详细信息</h1>
		</header>
		<div class="mui-content">
			<ul id="detailed" style="list-style: none;color: #000000;font-size: 16px;">
				<li><span style="font-weight: bold;">项目名称:</span>
					<p id="projectName" style="text-indent: 2rem;"></p>
				</li>
				<li><span style="font-weight: bold;">项目分类:</span>
					<p id="projectClassfily" style="text-indent: 2rem;"></p>
				</li>
				<li><span style="font-weight: bold;">项目概述:</span><br />
					<p id="projectGaishu" style="text-indent: 2rem;"></p>
				</li>
			</ul>
		</div>

		<!-- <div class="mui-content" style="padding-left:20px;padding-right:20px;text-align:center;">
			<div id="tableTitle" style="font-size:20px;margin-top:20px;margin-bottom:10px;width:100%;color:#3a96fc;">
				<p id="locateXY"></p>
			</div>
			<table style="border-left:none;">
				<tr class="row-odd">
					<td class="col-1">井编号/取水口号</td>
					<td class="col-2" id="jbhTd"></td>
				</tr>
				<tr>
					<td class="col-1">户号</td>
					<td class="col-2" id="hhTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">水表编号</td>
					<td class="col-2" id="sbbhTd"></td>
				</tr>
				<tr>
					<td class="col-1">用户号</td>
					<td class="col-2" id="yhhTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">册号</td>
					<td class="col-2" id="chTd"></td>
				</tr>
				<tr>
					<td class="col-1">水量类别</td>
					<td class="col-2" id="sllbTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">水价</td>
					<td class="col-2" id="sjTd"></td>
				</tr>
				<tr>
					<td class="col-1">用户名</td>
					<td class="col-2" id="yhmTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">用户地址</td>
					<td class="col-2" id="yydzTd"></td>
				</tr>
				<tr>
					<td class="col-1">取水地址</td>
					<td class="col-2" id="qsdzTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">环线内外</td>
					<td class="col-2" id="hxnwTd"></td>
				</tr>
				<tr>
					<td class="col-1">行政区号</td>
					<td class="col-2" id="xzqhTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">行政区名</td>
					<td class="col-2" id="xzqmTd"></td>
				</tr>
				<tr>
					<td class="col-1">业务员</td>
					<td class="col-2" id="ywyTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">总表号</td>
					<td class="col-2" id="zbhTd"></td>
				</tr>
				<tr>
					<td class="col-1">表分类</td>
					<td class="col-2" id="bflTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">表标记</td>
					<td class="col-2" id="bbjTd"></td>
				</tr>
				<tr>
					<td class="col-1">备注</td>
					<td class="col-2" id="bzTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">修改日期</td>
					<td class="col-2" id="xgrqTd"></td>
				</tr>
				<tr>
					<td class="col-1">增表日期</td>
					<td class="col-2" id="zbrqTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">销表日期</td>
					<td class="col-2" id="xbrqTd"></td>
				</tr>
				<tr>
					<td class="col-1">取水口标牌号</td>
					<td class="col-2" id="qskbphTd"></td>
				</tr>
				<tr class="row-odd">
					<td class="col-1">计量口标牌号</td>
					<td class="col-2" id="jlbbphTd"></td>
				</tr>
			</table>
		</div>
 -->
	</body>

	<script src="../lib/mui/mui.min.js"></script>
	<script type="text/javascript" src="../js/query.js"></script>



	<!--	<script type="text/javascript" src="./js/winctrl.js"></script>
-->
	<script>
		var feature;
		mui.init({
			swipeBack: true //启用右滑关闭功能
		});


		mui.plusReady(function() {
			plus.navigator.setStatusBarStyle('dark');
			var self = plus.webview.currentWebview();
			document.getElementById("headtitle").innerHTML = self.title;
			console.log(document.getElementById("detailed"))
			console.log(self.title)
			feature = self.param;
			// 拿到了 query.js  里的feature
			console.log(JSON.stringify(feature))
			if (feature.properties) {
				document.getElementById("projectGaishu").innerHTML = feature.properties.概况;
				document.getElementById("projectName").innerHTML = feature.properties.项目名;
				document.getElementById("projectClassfily").innerHTML = feature.properties.项目领;
			} else {
				document.getElementById("projectGaishu").innerHTML = feature.type;
				document.getElementById("projectName").innerHTML = feature.cityname + feature.adname + feature.address;
				document.getElementById("projectClassfily").innerHTML = feature.name + "<br />" +
					'\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + feature.tel;
			}


			// mui('#locateXY')[0].innerHTML = "经纬度坐标：（"+feature.geometry.coordinates[0][0][0].toFixed(6)+"，"+feature.geometry.coordinates[0][0][1].toFixed(6)+"）";
			// document.getElementById("jbhTd").innerHTML = (feature.properties.井编号 || feature.properties.jbh) ? (feature.properties.井编号 || feature.properties.jbh) : '';
			// document.getElementById("hhTd").innerHTML = (feature.properties.户号 || feature.properties.hh) ? (feature.properties.户号 || feature.properties.hh) : '';
			// document.getElementById("sbbhTd").innerHTML = (feature.properties.水表编号 || feature.properties.sbbh) ? (feature.properties.水表编号 || feature.properties.sbbh) : '';
			// document.getElementById("yhhTd").innerHTML = (feature.properties.用户号 || feature.properties.yhh) ? (feature.properties.用户号 || feature.properties.yhh) : '';

			// document.getElementById("chTd").innerHTML = (feature.properties.册号 || feature.properties.ch) ? (feature.properties.册号 || feature.properties.ch) : '';
			// document.getElementById("sllbTd").innerHTML = (feature.properties.水量类别 || feature.properties.sllb) ? (feature.properties.水量类别 || feature.properties.sllb) : '';
			// document.getElementById("sjTd").innerHTML = (feature.properties.水价 || feature.properties.sj) ? (feature.properties.水价 || feature.properties.sj) : '';

			// document.getElementById("yhmTd").innerHTML = (feature.properties.用户名 || feature.properties.yhm) ? (feature.properties.用户名 || feature.properties.yhm) : '';
			// document.getElementById("yydzTd").innerHTML = (feature.properties.用户地址 || feature.properties.yydz) ? (feature.properties.用户地址 || feature.properties.yydz) : '';
			// document.getElementById("qsdzTd").innerHTML = (feature.properties.取水地址 || feature.properties.qsdz) ? (feature.properties.取水地址 || feature.properties.qsdz) : '';
			// document.getElementById("hxnwTd").innerHTML = (feature.properties.环线内外 || feature.properties.hxnw) ? (feature.properties.环线内外 || feature.properties.hxnw) : '';

			// document.getElementById("xzqhTd").innerHTML = (feature.properties.行政区号 || feature.properties.xzqh) ? (feature.properties.行政区号 || feature.properties.xzqh) : '';
			// document.getElementById("xzqmTd").innerHTML = (feature.properties.行政区名 || feature.properties.xzqm) ? (feature.properties.行政区名 || feature.properties.xzqm) : '';
			// document.getElementById("ywyTd").innerHTML = (feature.properties.业务员 || feature.properties.ywy) ? (feature.properties.业务员 || feature.properties.ywy) : '';
			// document.getElementById("zbhTd").innerHTML = (feature.properties.总表号 || feature.properties.zbhTd) ? (feature.properties.总表号 || feature.properties.zbhTd) : '';

			// document.getElementById("bflTd").innerHTML = (feature.properties.表分类 || feature.properties.bfl) ? (feature.properties.表分类 || feature.properties.bfl) : '';
			// document.getElementById("bbjTd").innerHTML = (feature.properties.表标记 || feature.properties.bbj) ? (feature.properties.表标记 || feature.properties.bbj) : '';
			// document.getElementById("bzTd").innerHTML = (feature.properties.备注 || feature.properties.bz) ? (feature.properties.备注 || feature.properties.bz) : '';
			// document.getElementById("xgrqTd").innerHTML = (feature.properties.修改日期 || feature.properties.xgrq) ? (feature.properties.修改日期 || feature.properties.xgrq) : '';

			// document.getElementById("zbrqTd").innerHTML = (feature.properties.增表日期 || feature.properties.zbrq) ? (feature.properties.增表日期 || feature.properties.zbrq) : '';
			// document.getElementById("xbrqTd").innerHTML = (feature.properties.销表日期 || feature.properties.xbrq) ? (feature.properties.销表日期 || feature.properties.xbrq) : '';
			// document.getElementById("qskbphTd").innerHTML = (feature.properties.取水口标牌号 || feature.properties.qskbph) ? (feature.properties.取水口标牌号 || feature.properties.qskbph) : '';
			// document.getElementById("jlbbphTd").innerHTML = (feature.properties.计量口标牌号 || feature.properties.jlbbph) ? (feature.properties.计量口标牌号 || feature.properties.jlbbph) : '';
		});
	</script>

</html>
